草庐IT

html - CSS 位置 : relative; stick to bottom

全部标签

javascript - 无法断言 css 宽度为 100%

我试图断言NightwatchJS中某个元素的CSS宽度为100%,但它未能说明宽度为196像素。错误信息是:Testingifelementhascssproperty"width:100%".-Expected"100%"butgot:"196px"我曾尝试使用以下语法来实现相同的目的:page.assert.cssProperty(`@button-element`,'width','100%');page.expect.element(`@${element}`).to.have.css("width").which.equals("100%");我不想使用硬编码值,因为它们会

javascript - 如何从 HTML 调用缩小的函数?

我正在尝试将旧的(Django)应用程序转换为在前端使用现代JavaScript,包括缩小、模块等。以前我有一个简单的map.js文件,它只有一个绘制map的功能:functionsetupMap(lng,lat,zoom){//drawmap,basedonlat/lngetc}在引入jQuery和map.js之后,我直接从我的HTML页面调用它(应用程序的每个页面都与特定地点相关,所以我想绘制该地点的map):$(document).ready(function(){setupMap(lat,lng,zoom);});效果很好。但我正在尝试以现代方式做事。所以我想将jQuery捆绑

javascript - TinyMCE 正在改变我的内联 CSS

我在HTML编辑器中输入:我点击更新,然后再次点击html编辑器。HTML(在Firefox中)已更改为:如果我在InternetExplorer中做同样的事情,HTML会变成: 为什么世界会发生变化?也许我可以更改一些TinyMCE设置?但我已经清理了:false。想法?如果我启用清理,我提到的更改就不会发生。然而,TinyMCE改变了很多其他东西。我不希望它弄乱我的代码:(任何帮助将不胜感激。 最佳答案 尝试将verify_html设置为false。文档:TinyMCEConfiguration/verify_html

javascript - 使用 Javascript 将 HTML 字符串加载到 DOM 树中

我目前正在使用一个自动化框架,该框架可以拉下网页进行分析,然后将其呈现为字符串进行处理。RhinoJavascript引擎可用于协助解析返回的网页。看来,如果可以将字符串(这是一个完整的网页)加载到DOM表示中,它将为解析和分析内容提供一个非常好的界面。仅使用Javascript,这是一个可能和/或可行的概念吗?编辑:我将分解问题以澄清:假设我在javascript中有一个字符串,其中包含这样的html:var$mywebpage='';以某种方式将其加载到dom对象中是否可能/现实? 最佳答案 我接受JonDavidJohn的回答

javascript - Jquery 速度,使用 .html(string) 真的很慢,我怎样才能加快速度?

我有一个函数平均需要250毫秒才能完成。我想在更短的时间内完成此操作,functionupdateDisplay(){varstart=newDate().getTime();var$this=$(this);vardata=$this.data('ansi');varhtml='';for(vari=0;i';}varcreate=newDate().getTime();console.log('Buildhtml:'+(create-start));$this.html(html);varend=newDate().getTime();console.log('Updatehtml

javascript - 是否最好避免为 Ajax 响应直接返回 HTML?

我开始做一些JS/HTML/CSS。环顾四周,似乎从后端返回HTML(例如,Ajax响应)并直接显示它(例如通过将其分配给元素的innerHTML)并不罕见。例如,我认为jQueryload()方法基本上是执行此操作的快捷方式。采用这种方法让我担心有几个原因,但我不确定是否只是因为我不熟悉这些领域的方法和习语,我只是落后于时代,或者这些是否是合理的担忧.我特别担心的是:1)直接将HTML分配给元素似乎不安全。或者,至少,如果存在任何用户内容(甚至第三方内容)的可能性,则至少是危险的。2)直接发送演示信息(HTML)似乎可能导致最好避免的演示/模型混合。当然,有可能在后端将它们完全分开并

javascript - 使用 JavaScript 事件处理程序和函数的 CSS3 转换不会在 Firefox 中触发

我已经建立了一个多月的画廊,布局很简单,左边是缩略图菜单,右边是画廊预览。当您单击已加载的缩略图时,它会触发一个mousdown事件,该事件会折叠缩略图区域并将画廊预览扩展到完整大小(全部使用CSS3转换)。到目前为止,一切正常,除了我创建了一个omouseover事件,当您将鼠标悬停在缩略图上时该事件会激活该功能。该函数重绘图库预览div(“图片”)的内容并创建三张图像,两张是帧中的上一张图像,一张是帧中的下一张图像(在中心)。在innerHTML中,它将CSS样式“left:”设置为724px或-724px,具体取决于它是向前还是向后。然后当生成所有这些html的函数完成时,负责监

javascript - 呈现 HTML+Javascript 服务器端

我需要在服务器端呈现HTML页面并“提取”Canvas元素的原始字节,以便将其保存为PNG。问题是,canvas元素是从javascript创建的(我基本上是使用jquery的Flot生成图表)。所以我想我需要一种方法来从浏览器“托管”DOM+Javascript功能,而无需实际使用浏览器。我选择了mshtml(但对任何和所有建议持开放态度),因为它似乎应该能够做到这一点。这是一个ASP.NETMVC项目。我已经进行了广泛的搜索,但没有看到任何结论。所以我有这个简单的HTML-示例尽可能简单来演示问题-Wowfunctionsimple(){$("#hello").append("He

javascript - 找出哪个 CSS 属性正在被 jQuery 动画化

我看到$element.is(':animated')告诉我$element是否正在设置动画,但是否可以查看哪些css属性正在设置动画。 最佳答案 是的,将step函数传递给animate()调用可以让您找出正在通过fx.prop设置动画的属性。以下是jQueryAPI文档中的示例:$('li').animate({opacity:.5,height:'50%'},{step:function(now,fx){vardata=fx.elem.id+''+fx.prop+':'+now;$('body').append(''+data

javascript - 我可以在浏览器 ui 线程和 web 工作线程中安全地使用 html5 中的哪些本地存储

我一直在尝试在基于webkit的浏览器中使用websqldatabaseapi。我一直在主ui线程和webworker中使用asyncapi。两个线程都访问同一个数据库(如您所知,它是底层的sqlite)一切正常,但有时交易会丢失或一个交易失败,这似乎是一个计时/竞争条件。看来对底层sqlite数据库的访问不是线程安全的。更多的背景。我的webworker只是对一个表执行查询,该表可能从主ui线程插入了一条记录。我想知道它是否真的在某个地方记录了什么本地/网络存储可以从用户界面线程和网络工作线程安全地访问?我在某处读到indexeddbapi是线程安全的,但这对我现在没有帮助,因为浏览